﻿<%@ Page Title="Zupons ReferFriend" Language="C#" MasterPageFile="~/SiteMaster.master"
    AutoEventWireup="true" CodeFile="ReferFriend.aspx.cs" Inherits="Front_ReferFriend" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="" id="main-content">
        <div class="body">
            <div class="body" style="padding-top:20px">
                <table id="main-body">
                    <tbody>
                        <tr>
                            <td class="content">
                                <div class="box-outer">
                                    <div class="box" style="x">
                                        <table id="referFriend" class="referFriend" runat="server" visible="false">
                                            <tr>
                                                <td colspan="2">
                                                    <div class="title">
                                                        Refer Friends and Get $10 Zupons Bucks!</div>
                                                    <div class="seperator">
                                                        &nbsp;</div>
                                                    <div class="content" style="height:50px">
                                                        Get $10 in Zupons Bucks when someone you invite gets their first Zupons.
                                                        <br />
                                                        There's no limit on how much you can earn!</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/Cat.jpg" Width="400px" Height="200px" />
                                                </td>
                                                <td>
                                                    <div class="signin">
                                                        <a href="Login.aspx">Sign in</a> or <a href="SignUp.aspx">set up your account</a>
                                                        to get your personal referral link.</div>
                                                </td>
                                            </tr>
                                        </table>
                                        <table id="referLoginFriend" class="referFriend" runat="server" visible="false" cellpadding="2"
                                            cellspacing="2">
                                            <tr>
                                                <td colspan="3">
                                                    <div class="title">
                                                        Refer Friends and Get $10 Zupons Bucks!</div>
                                                    <div class="seperator">
                                                        &nbsp;</div>
                                                    <div class="content">
                                                        Get $10 in Zupons Bucks when someone you invite gets their first Zupons.
                                                        <br />
                                                        There's no limit on how much you can earn!</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <div class="leftImage">
                                                        <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/w41_share.png" Width="60px"
                                                            Height="60px" />
                                                    </div>
                                                    <div class="shareText">
                                                        Share your unique referral link
                                                        <br />
                                                        <br />
                                                        <asp:TextBox ID="textLink" runat="server" Width="420px" ReadOnly="true"></asp:TextBox>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <div style="float: left; margin-top: 30px;">
                                                        <asp:ImageButton ID="Image3" runat="server" ImageUrl="~/Images/w41_email.png" Width="50px"
                                                            Height="50px" OnClick="Image3_Click" /></div>
                                                    <div style="margin-left: 30px; margin-top: 45px; float: left; text-align: center;">
                                                        <a id="sendReferEmail" runat="server" href="" title="Mail It" style="color: Green;
                                                            font-size: 16px; font-family: Arial; font-weight: bold;">Mail It</a>
                                                        <%--<asp:LinkButton ID="lnkBtnMailIt" runat="server" Text="Mail It" OnClick="lnkBtnMailIt_Click"
                                                            ForeColor="Green" Font-Size="16px" Font-Names="Arial" Font-Bold="true"></asp:LinkButton>--%>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr runat="server" id="To" visible="false">
                                                <td>
                                                    <b>To:</b>
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtTo" runat="server"></asp:TextBox><br />
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" ControlToValidate="txtTo"
                                                        ErrorMessage="To is required." ToolTip="To is required." ValidationGroup="RegGift"></asp:RequiredFieldValidator><br />
                                                    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtTo"
                                                        ErrorMessage="You must enter an valid email address" ValidationExpression="\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"
                                                        ValidationGroup="RegGift">
                                                    </asp:RegularExpressionValidator>
                                                </td>
                                                <td align="left">
                                                </td>
                                            </tr>
                                            <tr runat="server" id="From" visible="false">
                                                <td>
                                                    <b>From:</b><br />
                                                    (Name you want the recipient to see.)
                                                </td>
                                                <td>
                                                    <asp:TextBox ID="txtFrom" runat="server"></asp:TextBox><br />
                                                    <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ControlToValidate="txtFrom"
                                                        ErrorMessage="From is required." ToolTip="From is required." ValidationGroup="RegGift"></asp:RequiredFieldValidator>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <asp:Label ID="txtErrorMsg" runat="server" Text="" Visible="false" ForeColor="Red"></asp:Label>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3" runat="server" id="Send" visible="false">
                                                    <asp:Button ID="btnReferSend" runat="server" Text="Send" CssClass="OrderDeatil" Font-Bold="true"
                                                        ValidationGroup="RegGift" OnClick="btnReferSend_Click" ForeColor="White" />
                                                    <asp:Button ID="BtnCancel" runat="server" Text="Cancel" CssClass="OrderDeatil" Font-Bold="true"
                                                        ValidationGroup="RegGift" ForeColor="White" OnClick="BtnCancel_Click" CausesValidation="false" />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <div style="float: left;">
                                                        <a href="" title="Share this link with Facebook" id="FaceBook" runat="server" target="_blank">
                                                            <img src="Images/facebookicon_sm.png" width="40" height="40" border="0" style="margin-right: 30px;
                                                                margin-top: 45px;" /></a></div>
                                                    <div style="margin-left: 10px; margin-top: 50px; float: left; text-align: center;">
                                                        <a href="" title="Share this link with Facebook" id="FaceBook1" runat="server" target="_blank">
                                                            <asp:Label ID="lblFacebook" runat="server" Text="Share it with friends on FaceBook"
                                                                CausesValidation="false" ForeColor="Green" Font-Size="16px" Font-Bold="true"
                                                                Font-Names="Arial">
                                                            </asp:Label></a></div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td colspan="3">
                                                    <div style="float: left;">
                                                        <a href="" title="Share this link with Twitter" id="Twiteer" runat="server" target="_blank">
                                                            <img src="Images/tweeticon_sm.png" width="40" height="40" border="0" style="margin-right: 30px;
                                                                margin-top: 45px;" /></a>
                                                    </div>
                                                    <div style="margin-left: 10px; margin-top: 50px; float: left; text-align: center;">
                                                        <a href="" title="Share this link with Twitter" id="Twiteer1" runat="server" target="_blank">
                                                            <asp:Label ID="lblTwitter" runat="server" Text="Share it with friends on Twitter"
                                                                CausesValidation="false" ForeColor="Green" Font-Size="16px" Font-Bold="true"
                                                                Font-Names="Arial">
                                                            </asp:Label></a></div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="box-inner" style="margin-bottom:10px">
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</asp:Content>
